/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 6px;
  }
  
  *::-webkit-scrollbar-track {
    background: var(--scroll-bg);
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: var(--scroll-color);
    border-radius: 0px;
  }
  
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--scroll-color) var(--scroll-bg);
  }
  
  .awesomplete .input-with-feedback {
    border: 1px solid var(--border-color);
  }
  
  /* .form-control {
    border: 1px solid var(--border-color);
  } */
  
  .search-bar .awesomplete input {
    background-color: var(--bg-color)
  }
  
  .modal-backdrop {
    background-color: #2c436b !important;
  }
  
  .widget .widget-head .widget-title {
    font-size: var(--text-base);
  }
  
  .comment-box .comment-input-header,
  .form-dashboard-section .section-head,
  .form-section .section-head,
  .head-title {
    font-size: var(--text-base);
    font-weight: 600;
  }
  
  .comment-box .comment-input-container .ql-editor {
    border: 1px solid var(--border-color);
  }
  
  .duration-picker .duration-input {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
  }
  
  .control-label {
    font-weight: 500;
  }
  
  [data-theme="dark"] {
    --bg-color: var(--gray-900);
    --disabled-control-bg: var(--gray-900);
    --border-color: #1c2126;
    --margin-lg: 15px;
    --text-bold: 600;
    --scroll-bg: #161a1f;
    --scroll-color: #1c2126;
  }
  
  [data-theme="light"] {
    --bg-color: #f2f5fa;
    --text-bold: 600;
    --control-bg: #cbe0f46e;
    --control-bg-on-gray: #d4dcea;
    --disabled-control-bg: #f2f5fa;
    --heading-color: #333;
    --border-color: #e3e8f1;
    --avatar-frame-bg: #dde2ea;
    --margin-lg: 15px;
    --sidebar-select-color: #2490ef30;
    --awesomplete-hover-bg: #d4dcea;
    --scroll-bg: #ccc;
    --scroll-color: var(--secondary-color);
  }
  
  /* Global CSS */
  
  /* Colours */
  :root {
    --background-color: #1d74b2;
    --primary-color: #a62e2e;
    --secondary-color: #27567b;
    --white-color: #FEFFF0;
    --black-color: #000000;
    --gray-color: #d1d8dd;
  
  }
  
  .btn-primary:active,
  .btn-secondary:focus,
  .btn-secondary:active,
  .btn-secondary:focus {
    box-shadow: none !important;
  }
  
  .btn-primary {
    color: #F8F5F3 !important;
    background-color: var(--primary-color) !important;
    border-radius: 0 !important;
  }
  
  .btn-primary:hover {
    background-color: #1d74b2 !important;
  }
  
  /* .btn-secondary{
    background-color: #606060 !important;
    color: var(--white-color) !important;
    border-radius: 0 !important;
    transition: background-color ease-in-out .15s;
  }
  .btn-secondary:hover{
    background-color: rgba(255, 120, 10, 0.93) !important;
  } */
  /* .page-head,
  .page-head .page-head-content{
    height: 50px;
  }
  
  */
  
  /* Top Header */
  .navbar {
    background: var(--background-color) !important;
    /*     height: 50px; */
  }
  
  .navbar-expand {
    background-color: var(--background-color);
  }
  
  #navbar-breadcrumbs>li>a::before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    margin-right: .3em;
    display: inline-block;
  
    font-size: 24px;
    transition: 0.2s;
    position: relative;
    top: 3px;
    content: "\f105";
    margin-right: 10px;
    color: var(--white-color);
  }
  
  #navbar-breadcrumbs a {
    color: var(--white-color) !important;
    text-decoration: none;
  }
  
  header .form-control {
    color: var(--white-color);
  }
  
  header .form-control:focus {
    border: 0;
  }
  
  .search-bar .awesomplete input {
    height: 32px;
  }
  
  header ul#navbar-breadcrumbs {
    margin-top: -8px;
  }
  
  header .form-control:focus {
    background-color: var(--white-color) !important;
  }

  
  /*Form : Input Fields */

  .form-control {
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background-color: #ebeef1 !important;
  }
  
  .form-control:focus {
    outline: 0;
    border: 1px solid var(--primary-color);
    box-shadow: none;
    background: #cbe0f4 !important;
  }
  .form-message.blue {
    border: 1px solid var(--blue-100);
    color: var(--blue-800);
    background: #2490ef30;
  }
  /*单据-关联 的数字颜色样式*/
  .form-links .document-link .document-link-badge .count, .form-links .document-link .report-link-badge .count {
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    background-color: #7ea3d9;
    border-radius: var(--border-radius-full);
    color: #ffffff;
    padding: 0 var(--padding-xs);
    margin-right: var(--margin-xs);
  }
  
  /*单据-关联 的数字颜色样式*/
  .form-links .document-link .open-notification {
    display: inline-flex;
    align-items: center;
    background-color: #ffd3d3;
    font-size: var(--text-xs);
    padding: 0 var(--padding-sm);
    color: var(--indicator-red);
    border-radius: var(--border-radius);
    cursor: pointer;
  }


  /*data_read_only*/
  .like-disabled-input { 
    background-color: #f9f9f9 !important;  
  }


  .navbar .navbar-nav a.nav-link {
    color: var(--white-color);
  }
  
  span.notifications-seen use,
  symbol#icon-small-down {
    fill: var(--white-color);
  }
  
  /* Heading Color */
  .head-title,
  .form-section .section-head,
  .form-dashboard-section .section-head,
  .comment-box .comment-input-header {
    color: var(--primary-color);
  }
  
  /* Lists */
  .list-subject a {
    text-decoration: none;
    transition: 0.3s;
  }
  
  .list-subject a:hover {
    color: var(--secondary-color);
  }

  
  /*单据列表-过滤 的数字颜色样式*/
  .page-form .filter-selector .btn-group .filter-label {
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    background-color: #8ec3ef;
    min-width: 21px;
    border-radius: 22px;
  }
  
  /* Report Table */
  .datatable .dt-header .dt-cell--header .dt-cell__content {
    background-color: #1d74b2;
    --dt-header-cell-bg: #303643bd;
    color: #ffffff;
  }
  
  .datatable .dt-cell {
    color: var(--text-color)!important;
    background-color:#ffffff!important;
  }

  /* 新增斑马线样式 */

.datatable .dt-row:nth-child(odd) {
  background-color: #f9f9f9 !important; 
}

.datatable .dt-row:nth-child(even) {
  background-color: #fff !important;
}

      /* 单元格被选择后，呈现边框颜色 */
  .datatable .dt-cell--focus .dt-cell__content {
    border-color: #88b7db;
}

  /* button color */
  .btn.btn-default, div#driver-popover-item .driver-popover-footer button.btn-default {
    background: #2490ef30;
  }
  
  /* workspace：widget-box */
  .dashboard-widget-box {
    display: flex;
    flex-direction: column;
    min-height: 1px;
    padding: 7px;
    border-radius: var(--border-radius-md);
    height: 100%;
    background-color: var(--card-bg);
    box-shadow: 0 0 4px lightgray;
  }
  
  .quick-list-widget-box {
    display: flex;
    flex-direction: column;
    min-height: 1px;
    padding: 7px;
    border-radius: var(--border-radius-md);
    height: 100%;
    background-color: var(--card-bg);
    box-shadow: 0 0 4px lightgray;
  }
  
  .links-widget-box {
    display: flex;
    flex-direction: column;
    min-height: 1px;
    padding: 7px;
    border-radius: var(--border-radius-md);
    height: 100%;
    background-color: var(--card-bg);
    box-shadow: 0 0 4px lightgray;
  }

  /* zql：report */
  .status-blue {
    background: #1081e4;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
  }
  
  .status-green {
    background: #2b9b1d;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
  }
  
  .status-red {
    background: #ff5a5a;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
  }
  
  .status-orange {
    background: #fd7e14;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
  }
  
  .status-grey {
    background: #a9b2bb;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
  }
  
  .status-purple {
    background: #8684ff;
    border-radius: 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
  }
  
  .b-status-blue {
    background-color: #e3f0ff;
    color: #1081e4;
    border-radius: 4px;
    border: 1px solid #1081e4;
  }
  
  .b-status-green{
    background-color: #dffce7;
    color: #2b9b1d;
    border-radius: 4px;
    border: 1px solid #2b9b1d;
  }
  
  .b-status-red{
    background-color: #fce5e5;
    color: #ff5a5a;
    border-radius: 4px;
    border: 1px solid #ff5a5a;
  }
  
  .b-status-orange{
    background-color: #fcefe4;
    color: #fd7e14;
    border-radius: 4px;
    border: 1px solid #fd7e14;
  }
  
  .b-status-grey{
    background-color: #fafafa;
    color: #919192;
    border-radius: 4px;
    border: 1px solid #919192;
  }
  
  .b-status-purple{
    background-color: #e8e8fd;
    color: #8684ff;
    border-radius: 4px;
    border: 1px solid #8684ff;
  }


.dropdown-notifications>.notifications-icon>.notifications-seen>.icon-md {
    fill: #dde3ea !important;
    stroke: #dde3ea !important;
}

.sidebar-item-container>.desk-sidebar-item>.item-anchor>.sidebar-item-icon>.icon-md {
    fill: #d6e8fd !important;
    stroke: #dde3ea !important;
}

.search-bar {
    --text-color: #000000 !important;
}
.search-bar svg {
    stroke: #fff !important;
}
.search-bar .awesomplete input::placeholder {
    color: #dde3ea !important;
}
#navbar-search {
    border-radius: 20px !important;
    /* background-color: #1f2940 !important; */
    background-color: #ffffff36 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

/*workspace : 快捷方式的颜色*/
.shortcut-widget-box {
    /* background-color: #1F2940 !important; */
    background-color: #f0f0f0 !important;
    /* height: 70% !important; */
}

.shortcut-widget-box>.widget-head>.widget-control>.indicator-pill.grey {
    background-color: #6a6f79 !important;
    color: #ffffff !important;
}

.shortcut-widget-box>.widget-head>.widget-label>.widget-title {
    color: #000000 !important;
}

/*有弹出窗时的后台背景颜色*/
.modal-backdrop {
  background-color: #2c436ba1 !important;
}

   /*15版 隔行变色*/
   .datatable .dt-row:nth-child(odd) {
    background-color: #f0f4f88c;
   }
   .datatable .dt-row:nth-child(even) {
    background-color: #ffffff;
   }
  .datatable .dt-cell {
      color: var(--text-color)!important;
      background-color: transparent!important;
  }